@charset "utf-8";
*{margin: 0px;padding: 0px}
a{text-decoration: none;}

li{list-style: none;}
.main{
    width: 960px;
    margin: auto;
}
header{
    /* height: 480px; */
    /* background: red; */
    font-size: 12px;
    color: #000000;
    border-bottom: 1px solid #aaa;
}
.header1{
    height: 28px;
    /* background: green; */
}

.header1Left{
    float: left;
    height: 28px;
    width: 336px;
    /* background: blue; */
}
.header1LeftLeft{
    float: left;
    width: auto;
    padding: 0 12px 0 18px;
    height: 30px;
    line-height: 30px;
    color: #8d8d8d;
    background: url(//img.iblimg.com/respc-1/resources/v4.2/widget/tools1200/i/bl_logo_m.png) 2px center no-repeat;
    position: relative;
}
.header1LeftLeft .txt{
    width: 156px;
    height: 30px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header1LeftCenter{
    padding: 0px 12px;
    width: 74px;
    float: left;
    height: 28px;
    line-height: 28px;
    position: relative;
}
.header1LeftCenter ul{
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 2px #CCC;
    top: 28px;
    left:0px;
    width: 220px;
}
.header1LeftCenter ul li{
    float: left;
    margin-right: 40px; 
}
.header1LeftCenter ul li a{
    color: #666666;
    font-size: 14px;
}

.header1LeftCenter span{
    float: right;
    display: inline-block;
    width: 7px;
    height: 4px;
    margin-left: 7px;
    background: url(//img.iblimg.com/respc-1/resources/v4.2/widget/tools1200/i/tools1200_sprite.png) no-repeat 0 -40px;
    margin-top: 13px;
    transition: all .1s ease-in 0s;
    -webkit-transition: all .1s ease-in 0s;
}
.header1LeftRight{
    width: 50px;
    height: 28px;
    line-height: 28px;
    float: left;
}
.header1Right{
    width: 613px;
    height: 28px;
    float: right;
    /* background: yellow; */
}
.header1Right ul{
    height: 28px;
    line-height: 28px;
    color: #CCC;
}
.header1Right .header1RightUl .first{
    float: left;
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(//img.iblimg.com/respc-1/resources/v4.2/widget/tools1200/i/tools1200_sprite.png) no-repeat 0 -15px;
    margin-top: 8px;
}
.header1Right ul li{
    display: inline-block;
    float: left;
    margin-right:5px;  
}

.header1Right ul li a{
    float: left;
    color: #666;
}
.header1Right ul li a i{
    float: right;
    display: inline-block;
    width: 7px;
    height: 4px;
    margin-left: 7px;
    background: url(//img.iblimg.com/respc-1/resources/v4.2/widget/tools1200/i/tools1200_sprite.png) no-repeat 0 -40px;
    margin-top: 13px;
    transition: all .1s ease-in 0s;
    -webkit-transition: all .1s ease-in 0s;
}
.header2{
    height: 86px;
    line-height: 39px;
    font-size:24px;
    /* background: yellow; */
    padding-top: 15px;
    box-sizing: border-box;
}
.logoImg{
    width: 398px;
    float: left;
}
.header2Search{
    width: 554px;
    float: left;
}
.header2Search div input{
    width: 304px;
    height: 34px; 
    border: 1px solid #ee1f41;
}
.header2Search div button{
    width: 100px;
    height: 34px; 
    border: none;
    background: #ee1f41;
}
.header2SearchNav{
    width: 398px;
    height:30px;  
}
.header2Search div ul{
    width: 412px;
    height:30px; 
}
.header2Search div ul li{
    float: left;
    margin-right: 5px;
    color: #666;
    font-size: 12px;
}
.header2Search div ul li a{
    color: #666;
}
.header2Right{
    float: right;
    width: 130px;
    height: 30px;
    border: 1px solid #000;
    line-height: 30px;
}
.header2Right a{
    font-size: 12px;
    color: #666;
}
.header1RightUl .login_register a{
    margin-right: 10px;
}
.header1RightList1{
    width: 74px;
    position: relative;
}
.header1RightList1 ul{
    width: 64px;
    height: 125px;
    background: #fff;
    padding-left: 5px;
    position: absolute;
    top:28px;
    display: none;
}
.header1RightList1 ul li{
    float: left;
    height: 25px;
    width: 64px;
}
.header1RightList2 {
    width: 74px;
    position: relative;
}
.header1RightList2 ul{
    width: 276px;
    height: 144px;
    background: #fff;
    padding-left: 5px;
    position: absolute;
    left: -60px;
    top:28px;
    display: none;
}
.header1RightList2 ul li{
    float: left;
    width: 64px;
    height: 144px;
    color: #000;
}
.header1RightList2 ul li a{
    color: #666;
}
.header1RightList3{
    width: 74px;
    position: relative;
}
.header1RightList3 ul{
    width: 64px;
    height: 50px;
    background: #fff;
    padding-left: 5px;
    position: absolute;
    top:28px;
    display: none;
}
.header1RightList3 ul li{
    float: left;
    height: 25px;
    width: 64px;
}
.header1RightList4 img{
    width: 88px;
}
.header1RightList4{
    width: 74px;
    position: relative;
}
.header1RightList4 ul{
    width: 180px;
    height: 200px;
    background: #fff;
    padding-left: 5px;
    position: absolute;
    left: -60px;
    top:28px;
    display: none;
}
.header1RightList4 ul li{
    float: left;
    height: 200px;
    width: 80px;
    text-align: center;
    padding-top: 10px; 
}
.header1RightList4 ul li p{
    font-size: 12px;
}
.header1RightList4 ul li .p2{
    color: #ee1f41;
}
.header4{
    height: 30px;
    border-bottom: 2px solid #000;
}
.header4Main{
    height: 30px;
    /* background: pink; */
}
.header4MainLeft{
    height: 30px;
    line-height: 30px;
    width: 170px;
    float: left;
    background: #000;
    box-sizing: border-box;
    margin-top: -10px;
}
.header4MainLeft li{
    /* float: right; */
}
.header4MainLeft a{
    color: #fff;
}
.header4MainLeft i{
    display: inline-block;
    width: 14px;
    height: 12px;
    float: left;
    margin-top: 12px;
    margin-left: 13px;
    margin-right: 26px;
    background: url(//img.iblimg.com/respc-1/resources/v4.1/widget/nav1200/i/nav1200_sprite.png) no-repeat 0 -101px;
}
.header4MainRight{
    height: 30px;
    line-height: 30px;
    float: left;
    color: #000;
    margin-top: -10px;
}

.header4MainRight ul li span{
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 35px;
    transition: all .2s ease-in 0s;
    -webkit-transition: all .2s ease-in 0s;
}
.header4MainRight ul li{
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
.header4MainRight ul li a{
    color: #000;
}

/* hover事件 */
.header1LeftCenter:hover{
    background: #fff;
    height: 84px;
}
.header1LeftCenter:hover span{
    background-position: 
}
.header1LeftCenter:hover .header1LeftCenterUl{
    display: block;
}
.header1RightList1:hover ul{
    display: block;
}
.header1RightList2:hover ul{
    display: block;
}
.header1RightList3:hover ul{
    display: block;
}
.header1RightList4:hover ul{
    display: block;
}
.header1RightUl a:hover{
    color: #ee1f41;
}
.header2SearchNav a:hover{
    color: #ee1f41;
}
.header2Right:hover a{
    color: #ee1f41;
}
.header2Right:hover{
    border: 1px solid #ee1f41;
}
.header4MainRight a:hover{
    color: #ee1f41;
}
.header5{
    height: 344px;
    position: relative;
    background: #ffaaad;
}
.header5Main{
    height: 344px;
    position: relative;
}
.header5Main>ul{
    float: left;
    width: 572px;
    position: relative;
    height: 344px;
}
.header5Main>ul>li{
    width: 572px;
    height: 344px;
    position: absolute;
    top: 0;
}
.header5Main>ul>li>img{
    width: 100%;
    height: 100%;
}
.header5Main>ul>.prev{
    float: left;
    width: 30px;
    left: 0;
    height: 60px;
    position: relative;
    top: 142px;
    line-height: 70px;
    margin-left: 0;
    background-image: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/bg_direction_nav.png);
    cursor: pointer;
    pointer-events: auto;
    /* display: none; */
}
.header5Main>ul>.next{
    float: right;
    width: 30px;
    height: 60px;
    top: 142px;
    line-height: 70px;
    background-image: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/bg_direction_nav.png);
    background-position: -30px 0;
    cursor: pointer;
    pointer-events: auto;
    position: relative;
    /* right: 85px; */
}
.header5Main>.header5MainLeft>ul>li>i{
    margin-left: 5px;
}
.header5MainLeft>ul>li>a{
    color: #fff;
    margin-left: 5px;
}
.header5Main>ul>ul{
    position: absolute;
    bottom: 30px;
    margin-left: 170px;
}
.header5Main>ul>ul>li{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    float: left;
    margin-right: 20px;
}
.header5MainLeft{
    width:170px;
    height:344px;
    background: #000;
    opacity: 0.8;
    float: left;
    position: relative;
    z-index: 100;
}
.header5MainLeft>ul{
    width:170px;
    height:344px;
}
.header5MainLeft>ul>li{
    /* height: 100px; */
}
.header5MainLeft ul li i{
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 7px;
    display: inline-block;
    line-height: 16px;
    font-size: 16px;
    background-position: relative;
    background: url(//img.iblimg.com/respc-1/resources/v4.1/widget/nav1200/i/nav-v3-icon-1.png) no-repeat;
}
.header5MainLeft ul li .i1{
    background-position-y: 0;
}
.header5MainLeft ul li .i2{
    background-position-y: -30px;
}
.header5MainLeft ul li .i3{
    background-position-y: -60px;
}
.header5MainLeft ul li .i4{
    background-position-y: -90px;
}
.header5MainLeft ul li .i5{
    background-position-y: -120px;
}
.header5MainLeft ul li .i6{
    background-position-y: -150px;
}
.header5MainLeft ul li .i7{
    background-position-y: -180px;
}
.header5MainLeft ul li .i8{
    background-position-y: -210px;
}
.header5MainLeft ul li .i9{
    background-position-y: -240px;
}
.header5MainLeft ul li .i10{
    background-position-y: -270px;
}
.header5MainLeft ul li .i11{
    background-position-y: -300px;
}
.header5MainLeft>ul>li{
    width: 170px;
    height: 30px;
    line-height: 24px;
    margin: 0px;
    padding: 0px;
}
.header5MainLeft>ul>li .header5MainLeftList1{
    width: 572px;
    height:344px;
    position: absolute;
    left:170px;
    top: 0px;
    background: #fff;
    opacity: 1;
    padding-left: 20px; 
    box-sizing: border-box;
    display: none;
}
.header5MainLeft>ul>li .header5MainLeftList1>li{
    width: 542px;
    height: 20px;
    float: left;
    line-height: 20px;
    margin-top: 8px;
}
.header5MainLeft>ul>li .header5MainLeftList1>li>a{
    margin-right: 10px;
    color: #666;
    font-size: 12px;
}
.header5MainLeft>ul>li .header5MainLeftList1>li>span>a{
    color: #000;
    margin-right: 10px;
}
.header5MainLeft>ul>li:hover .header5MainLeftList1{
    display: block;
}
.header5MainLeft>ul>li .header5MainLeftList2{
    width: 218px;
    height: 344px;
    background: #fff;
    position: absolute;
    left: 742px;
    top: 0;
    display: none;
}
.header5MainLeft>ul>li:hover .header5MainLeftList2{
    display: block;
}
.header5MainLeft>ul>li .header5MainLeftList2 img{
    width: 100%;
}
.header5MainRight{
    width:218px;
    height:334px;
    float: left;
    background: #fff;
    margin-top: 2px;
    padding-top: 8px;
}
.header5MainRight>.header5MainRightTop{
    margin-bottom: 10px; 
}
.header5MainRight>.header5MainRightTop>img{
    float: left;
    margin: 0px 10px 0px 20px;
}
.header5MainRight>.header5MainRightTop>p{
    height: 23px;
    line-height: 23px;
    width: 200px;
}
.header5MainRight>.header5MainRightTiket{
    width: 180px;
    height: 25px;
    background: rgb(245, 217, 229);
    margin: 0px auto; 
    text-align: center;
    line-height: 25px;
}
.header5MainRight>.header5MainRightTiket>a{
    color: #ee1f41;
    padding: 4px 25px;
}
.header5MainRight>.header5MainRightList{
    height: 112px;
    border-top: 1px solid #CCC;
    margin-top: 15px;
}
.header5MainRight>.header5MainRightList>p>span{
    display: inline-block;
    width: 65px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #ee1f41;
    margin-left: 8px;
    margin-right: 90px;
}
.header5MainRight>.header5MainRightList .Content{
    height: 25px;
    line-height: 25px;
    padding-left: 25px;
}
.header5MainRight>.header5MainRightList .Content a{
    color: #666;
}
.header5MainRight>.header5MainRightBottom{
    height: 115px;
    /* background: red; */
}
.header5MainRight>.header5MainRightBottom>ul>li{
    height: 57px;
    margin: 0 auto;
    width: 33.3%;
    float: left;
    text-align: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
.header5MainRight>.header5MainRightBottom>ul>li span{
    display: inline-block;
    width: 42px;
    height: 28px;
    margin: 0 auto;
    margin-top: 8px;
    /* height: 40px; */
    /* float: left; */
    
}
.header5MainRight>.header5MainRightBottom>ul>li .spa1{
    background:url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_i1.png) no-repeat 0 0; 
}
.header5MainRight>.header5MainRightBottom>ul>li .spa2{
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_iz1.png) no-repeat 0 0;
}
.header5MainRight>.header5MainRightBottom>ul>li .spa3{
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_i4.png) no-repeat 0 0;
}
.header5MainRight>.header5MainRightBottom>ul>li .spa4{
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_iz2.png) no-repeat 0 0;
}
.header5MainRight>.header5MainRightBottom>ul>li .spa5{
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_iz3.png) no-repeat 0 0;
}
.header5MainRight>.header5MainRightBottom>ul>li .spa6{
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/life_iz4.png) no-repeat 0 0;
}
.header5MainRight>.header5MainRightBottom>ul>li:hover span{
    background-position: 0 -28px;
}
.header5MainRight>.header5MainRightBottom>ul>li:hover a{
    color: #ee1f41;
}
.header5MainRight>.header5MainRightBottom>ul>li>a{
    color: #666666;
}
.Section{
    /* height:  */
}
.SectionTop{
    height: 54px;
    border-bottom: 1px solid #aaa;
}
.SectionTopLeft{
    height: 54px;
    line-height: 54px;
    text-align: center;
    width: 94px;
    border-bottom: 2px solid #000;
    float: left;
    box-sizing: border-box;
}
.SectionTopRight{
    width: 150px;
    height: 54px;
    line-height: 54px;
    float: right;
}
.area{
    float: right;
    width: 80px;
    height: 40px;
    line-height: 40px;
    margin-top: 7px;
    border: 1px solid #aaa;
}
.area>i{
    display: inline-block;
    width: 20px;
    height: 100px;
    float: right;
    background: url(//img.iblimg.com/respc-1/resources/v4.2/css/i/up_down_icon.png) no-repeat 0 20px;
}
.area:hover i{
    background-position: 0 -80px;
}
.SectionHeader{
    height: 46px;
    border-bottom: 1px solid #aaa;
}
.SectionHeaderLeft{
    width: 302px;
    height: 46px;
    line-height: 46px;
    float: left;
}
.SectionHeaderLeft>span{
    margin-right: 100px;
}
.SectionHeaderRight{
    width: 520px;
    height: 46px;
    line-height: 46px;
    float: right;
}
.SectionHeaderRight>span{
    margin-right: 70px;
}
.SectionBottom{
    height: 500px;
    position: relative;
    padding-top: 170px;
    box-sizing: border-box;
    padding-left: 300px;
}
.SectionBottom>i{
    display: inline-block;
    height: 130px;
    width: 100px;
    position: absolute;
    top: 134px;
    left: 192px;
    background: url(../images/2.png);
}
.SectionBottom>span{
    display: inline-block;
    width: 500px;
    height: 30px;
}
